<template>

    <div class="layout" :class="{hidderSidebar : collapseSidebar}">
        <Sidebar></Sidebar>

        <Content></Content>
    </div>

</template>

<script>
import { mapGetters, mapMutations, mapActions } from "vuex";
import { ConnectWebsocket } from "@/libs/websocket";

import Sidebar from "@/views/layout/sidebar";
import Content from "@/views/layout/content";

export default {
    components: {
        Sidebar,
        Content
    },

    computed: {
        ...mapGetters(['collapseSidebar'])
    },

    mounted() {
        this.$nextTick(() => {
            // WebSocket 连接
            ConnectWebsocket()
        })
    }

};
</script>

<style lang="scss">

</style>
